@import "bulma/sass/utilities/_all";


$turquoise: #51a584;
$turquoise: findColorInvert($green);
$green: #51a584;
$green-invert: findColorInvert($green);
$green-light: findLightColor($green);
$green-light-invert: findColorInvert($green-light);
$yellow: #e9bb2a;
$yellow-invert: findColorInvert($yellow);
$blue: #99afbc;
$blue-invert: findColorInvert($blue);
$red: #b44939;
$red-invert: findColorInvert($red);
$red-light: findLightColor($red);
$red-light-invert: findColorInvert($red-light);


$white-ter: #f9f9f9;

$colors: (
  "white": (
    $white,
    $black
  ),
  "black": (
    $black,
    $white
  ),
  "light": (
    $white,
    $black
  ),
  "dark": (
    $black,
    $white
  ),
  "primary": (
    $green,
    $green-invert
  ),
  "primary-light": (
    $green-light,
    $green-light-invert
  ),
  "info": (
    $blue,
    $blue-invert
  ),
  "success": (
    $green,
    $green-invert
  ),
  "success-light": (
    $green-light,
    $green-light-invert
  ),
  "warning": (
    $yellow,
    $yellow-invert
  ),
  "danger": (
    $red,
    $red-invert
  ),
  "danger-light": (
    $red-light,
    $red-light-invert
  ),
  "grey-lightest": (
    $grey-lightest,
    findColorInvert($grey-lightest)
  )
);

// $size-1: 2.5rem;
// $size-2: 2rem;
// $size-3: 1.5rem;
// $size-4: 1.25rem;
// $size-5: 1rem;
// $size-6: 0.875rem;
// $size-7: 0.75rem;

// $body-size: $size-6;

$link: $blue;
$link-invert: $blue-invert;
$link-focus-border: $blue;
// $divider-margin-inner-size: 0px;
$body-background-color: $white-ter;

$footer-background-color: $green;

@import "~bulma";
@import "~buefy/src/scss/buefy";
@import "~@creativebulma/bulma-divider";
.item:not(:empty) {
  border-bottom: 1px solid $grey-lighter;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

.list-item:not(:empty) ~ .list-item:not(:empty):before {
  content: ", ";
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.b-checkbox.checkbox:hover input[type="checkbox"]:not(:disabled) + .check {
  border-color: $green;
}
.b-checkbox.checkbox input[type="checkbox"]:checked + .check {
  background: $green url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
  border-color: $green;
}

.log {
  font-family: monospace;
  /* line-height: 10px;
  letter-spacing: 1px; */
  color: #4a4a4a;
  font-size: 0.875em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
  background-color: whitesmoke;
  cursor: default;
  border: 1px solid whitesmoke;
  display: inline-block;
}
